<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登陆</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css"
          rel="stylesheet"
          integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<nav class="navbar navbar-expand-md bg-black navbar-black">
    <div class="container">
        <h1> <a href="http://localhost:9300" class="navbar-brand text-light"><i class="bi bi-fire">火游游戏商城</i></a></h1>
        <ul class="navbar-nav ms-auto ">
            <li class="nav-item "><div class="nav-link"><a href="#" class="navbar-brand text-light" disabled="disabled"><i class="bi bi-balloon-heart"></i>欢迎登陆</a></div></li>
            <li class="nav-item"><div class="nav-link"><a href="http://localhost:9100/register" class="navbar-brand text-light"><i class="bi bi-fingerprint"></i>注册</a></div></li>
            <li class="nav-item"><div class="nav-link"><a href="#" class="navbar-brand text-light"><i class="bi bi-phone-vibrate"></i>关于我们</a></div></li>
        </ul>
    </div>
</nav>
<!-- 头 -->
<section style="background-color: gray;">
    <div class="container">
        <div class="text-center" >
            <div style="height: 20px;">
                <!-- <img src="JD_img/4de5019d2404d347897dee637895d02b_11.png" /> -->
                <h6 class="text-light">依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！新版《<b >火游游戏商城隐私政策</b>》已上线，将更有利于保护您的个人隐私。</h6>
            </div>
        </div>
    </div>
</section>


<section>
    <div class="card" style="width: 18rem;position:absolute;margin-left: 300px;margin-top: 50px;" >
        <div class="card-body">
            <form  action="/tologin" method="post" >

                <h2><b>账号登陆</b></h2>
                <div class="tips" style="color: red"  th:text="${error!=null?error:''}">

                </div>

                    <div class="input-group mb-3">
                        <span class="input-group-text" id="basic-addon1"><i class="bi bi-person-circle"></i></span>
                        <input name="username" type="text" class="form-control" placeholder="用户名" aria-label="Username" aria-describedby="basic-addon1">
                    </div>
                    <div class="input-group mb-3">
                        <span class="input-group-text" id="basic-addon1"><i class="bi bi-key"></i></span>
                        <input name="password" type="password" class="form-control" placeholder="密码" aria-label="password" aria-describedby="basic-addon1">
                    </div>
                    <div class="row mt-5" >
                        <button style="width:100px;margin-left: 80px;" type="submit" class="btn btn-dark">登陆</button>

                        <table class="ml-2 mt-3">
                            <tr>
                                <td><a href="https://gitee.com/oauth/authorize?client_id=a928ba4bdf3ed5ff462a89d580d37c5f9a37625b6513d013e9488e47bbf3b1f5&redirect_uri=http://localhost:9100/gitee/success&response_type=code"><img style="width: 25px;height:25px;" src="image/123.jpeg"/>gitee</a></td>
                                <td style="text-align:right"><a  href="http://localhost:9100/register">立即注册</a></td>
                            </tr>
                        </table>

                    </div>
            </form>
        </div>
    </div>
    <!-- <div style="background-image:url("/image/1122.jpeg"); background-size: 100% 100%;">12312321</div> -->
    <div >
        <img  src="image/1122.jpeg" class="img-fluid" alt="...">
    </div>
</section>



















<!-- 脚部信息 -->

<section class="p-4">
    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 1440 126" style="enable-background:new 0 0 1440 126;" xml:space="preserve">
            <path class="bg-black" d="M685.6,38.8C418.7-11.1,170.2,9.9,0,30v96h1440V30C1252.7,52.2,1010,99.4,685.6,38.8z"/>
            </svg>
    <footer class="bg-black pb-5">
        <div class="container">
            <div class="row">
                <div class="col-12 col-md mr-4">
                    <i class="fas fa-copyright text-white"></i>
                    <small class="d-block mt-3 text-muted">©
                        <script>document.write(new Date().getFullYear())</script>
                        邮箱:<a target="_blank" href="#">384323898@qq.com</a>.
                    </small>
                </div>

                <div class="col-6 col-md">
                    <h5 class="mb-4 text-white">玩家交流</h5>
                    <ul class="list-unstyled text-small">
                        <li><img style="width: 200px;height: 200px;" src="https://edu-cbw-1.oss-cn-guangzhou.aliyuncs.com/444a0bff4090f3651d126deb051c96a.jpg" alt=""></li>

                    </ul>
                </div>
                <div class="col-6 col-md">
                    <h5 class="mb-4 text-white">加入我们</h5>
                    <ul class="list-unstyled text-small">
                        <li><a class="text-muted" href="#">发行商入蛀</a></li>
                        <li><a class="text-muted" href="#">分销联盟</a></li>
                        <li><a class="text-muted" href="#">KOL合作</a></li>
                    </ul>
                </div>
                <div class="col-6 col-md">
                    <h5 class="mb-4 text-white">客户中心</h5>
                    <ul class="list-unstyled text-small">
                        <li><a class="text-muted" href="#">在线时间：09:00-21:00</a></li>
                        <li><a class="text-muted" href="#">电话客服：18520413815</a></li>
                        <li><a class="text-muted" href="#">QQ客服：384323898</a></li>
                        <li><a class="text-muted" href="#">微信客服：18520413815</a></li>
                    </ul>
                </div>
                <div class="col-6 col-md">
                    <h5 class="mb-4 text-white">关于</h5>
                    <ul class="list-unstyled text-small">
                        <li><a class="text-muted" href="#">关于火游</a></li>
                        <li><a class="text-muted" href="#">服务条款</a></li>
                        <li><a class="text-muted" href="#">售后服务</a></li>
                        <li><a class="text-muted" href="#">客服中心</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>
</section>
<!-- ---------------------------------------- -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8"
        crossorigin="anonymous"></script>
</body>
</html>